<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<title>修改头像</title>
		<meta charset="utf-8" />
		<meta name="author" content="m.wine22.com">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">

		<link rel="stylesheet" type="text/css" href="../css/base.css" charset="UTF-8" />
		<link rel="stylesheet" type="text/css" href="../js/cropper/cropper.css" />
		<link rel="stylesheet" type="text/css" href="../css/cart.css" />
	</head>

	<body class="background-white">
		<header>
			<div class="new-header">
				<a href="javascript:window.history.go(-1);" class="new-a-back" id="backUrl"><span>返回</span></a>
				<h2>修改头像</h2>
				<a href="javascript:void(0)" id="btnJdkey" class="new-a-gshop"><span>京东键</span></a>
			</div>
			<div class="new-jd-tab" style="display:block" id="menu">
				<div class="new-tbl-type">
					<a href="#" class="new-tbl-cell">
						<span class="icon">首页</span>
						<p style="color:#6e6e6e;">首页</p>
					</a>
					<a href="category.html" class="new-tbl-cell">
						<span class="icon2">分类搜索</span>
						<p style="color:#6e6e6e;">分类搜索</p>
					</a>
					<a href="javascript:void(0)" id="html5_cart" class="new-tbl-cell">
						<span class="icon3">购物车</span>
						<p style="color:#6e6e6e;">购物车</p>
					</a>
					<a href="#" class="new-tbl-cell">
						<span class="icon4">我的酒坊</span>
						<p style="color:#6e6e6e;">我的酒坊</p>
					</a>
				</div>
			</div>
		</header>
		
		<div class="header-edit-wapper">
			<div id="headerShowContainer"><img id="headerImg" src="../imgs/icons/photo.jpg"></div>
		</div>
		
		<div class="header-edit-wapper">
			<div id="headerViewContainer" class="header-edit-img" style="margin:auto;">
				<img id="headerShow" src="../imgs/icons/photo.jpg">
			</div>
			<input id="headerUpdateInput" type="file" accept="image/*" capture="camera" style="display: none;" value="../imgs/icons/photo.jpg"/>
			<div class="header-edit-tips">点击头像上传或拍照</div>
		</div>
		<!-- 底部占位的DIV -->
		<div class="bottom-div"></div>
		
		<!-- 底部工具栏和提示 -->
		<div class="tools-btm">
			<div class="tools-btm-right gray-color address-btm-right">
				<a id="saveBtn" href="#">保存头像</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/jquery-3.2.1.slim.min.js"></script>
	<script type="text/javascript" src="../js/cropper/cropper.js"></script>
	<script type="text/javascript" src="../js/user/header.js"></script>

</html>